﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Events/201205/MP/BaseSelf.Master" AutoEventWireup="true" CodeBehind="Store.aspx.cs" Inherits="SuuntoWebsite.Events._201205.Store" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head_Title" runat="server">选择取货门店</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Head_Meta" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Head_Css" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Head_Script" runat="server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Body_Top" runat="server">
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="Body_Content" runat="server">
<div class="Container" style=" background:url('images/bg2.jpg') right bottom no-repeat;">
    <div style=" margin:0 auto; width:900px; height:250px; background:url('images/selection.png') no-repeat;">
        <div style=" padding:40px; font-size:30px; line-height:100%; font-weight:bold; color:#ffffff;">SUUNTO AMBIT<br />THE GPS FOR EXPLORERS</div>
        <div style="color:#ffffff; padding:0 20px; width:860px;">
            --AMBIT 拓野系列 GPS成就无限户外探索：<br />
            探索是人类的天性。无论在户外冒险，越野跑步或高山滑雪时，SUUNTO拓野系列的所有功能是你的最佳伴侣。高科技GPS全球定位功能，独特的三维罗盘和高灵敏度的高度气压计使你随时随地了解所处的方位，准确的高度和天气条件。 <br />
           
        </div>
    </div>
    <div style=" margin:20px auto;">
        <div style=" width:660px; float:left;">
            <h2>请选择取货门店</h2><br />
            城市：<select style=" width:80px; margin-right:30px;">

            </select>       
            门店：<select style=" width:450px;"></select> 
            <div style="padding-top:20px;"><input type="image" src="images/submit.gif" value="" style=" width:66px; height:25px; float:right; margin-right:20px;" align="absmiddle" /><a href="selection.html" style=" background:url('images/pre.gif') no-repeat; text-indent:-9999px; float:right; display:block; width:66px; height:25px; margin-right:20px;" >上一步</a> </div>
        </div>
        <div style=" width:200px; float:right; padding:10px; border:1px #666666 solid; background:#333333;">
            <div style=" display:block; border-bottom:1px #666666 dotted;">
            用户：<strong><%=userName %></strong>
            </div>
            订购说明<br />
            1）填写客户基本信息 <br />
            2）完成网络问卷 <br />
            3）挑选产品 <br />
            4）选择取货商场地点<br />
            5）预定并在网络支付200元定金 <br />
            6）获取网络预定“取货校验码”（系统将自动发送到客户邮箱中）<br />
            7）在通知取货的时间内，凭“取货校验码”到所选择的取货商场支付余款 <br />
            8）成功提取货物，并当场免费获取飞利浦太阳能充电器一个
        </div>
    </div>
</div>
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="Body_Foot" runat="server">
<script type="text/javascript" language="javascript">
$(function() {
	$('input[type=image]').click(function() {
		//订购处理
		var store = $("select:eq(1)").attr("value");
		$.post("./Handler/Event.ashx", { "flag": "address", "store": store }, function(msg) {
			if (msg == "true")
				document.location.href = "./pay<%=rewrite %>";
		}, "html");
	});
	getCity();
	$("select:eq(0)").live("change", function() { getAddress(this); });
});
function getCity()
{
	$.post("./Handler/Event.ashx", { "flag": "citylist" }, function(data) {
		var option = "";
		$.each(data, function(i, n) {
			option += "<option value=\"" + n + "\">" + n + "</option>";
		});
		$("select:eq(0)").html(option);
		getAddress($("select:eq(0)>option:eq(0)"));
	}, "json");
}
function getAddress(e)
{
	var vl = $(e).attr("value");
	$.post("./Handler/Event.ashx", { "flag": "addresslist", "city": vl }, function(data) {
		var option = "";
		$.each(data, function(i, n) {
			option += "<option value=\"" + i + "\">" + n + "</option>";
		});
		$("select:eq(1)").html(option);
	}, "json");
}
</script>
</asp:Content>
